Один из известных способов создания повторяющихся фоновых узоров — это применение
линейных градиентов. Но если использовать с этой же целью conic-gradient()
, требуется значительно меньшее количество CSS-кода. Данное преимущество конических градиентов проиллюстрировано в статье несколькими примерами, взятыми из галереи Лии Веру.
Нам предстоит рассмотреть
- орнамент из пирамид,
- шахматный рисунок,
- шахматный рисунок под наклоном,
- фон из треугольников,
- а еще нас ждет приятный бонус от автора.
Если вдруг вы пропустили важную новость, Firefox теперь поддерживает конические градиенты.
75 версия Firefox, вышедшая 7 апреля, дала возможность, перейдя в редактор настроек about:config
, найти параметр layout.css.conic-gradient.enabled
и поменять его значение на true
. Значение по умолчанию — false
, и переключить его можно двойным кликом.
Активируем конические градиенты в Firefox 75+
Теперь мы готовы проверить, как отрабатывает наш CSS в разных браузерах, включая Firefox.